<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>尧里</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/personal.css"/>
	<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
</head>
<body>
	<!-- 标题 -->
	<div class="banner_item">
		<img class="banner" src="img/banner_item.jpg" alt="" >
		<div class="item_title" style="top: 63%;">
			<h4>所有民宿</h4>
			<p>NEWS CENTER</p>
		</div>
	</div>
	<!-- 所有民宿 -->
	<div class="part_product common_width">
		<div class="title_l">
			<h2 class="h2">经典案例 精品制造<i></i></h2>
			<p class="tip">海量精品案例助您找到装修灵感</p>
		</div>
		<div class="product_box">
			<div class="tabs clearfix">
				<ul class="list_tabnews clearfix">
					<li class="active"><a href="javascript:void(0);">现代简约</a></li>
					<li><a href="javascript:void(0);">欧式经典</a></li>
					<li><a href="javascript:void(0);">新中式</a></li>
					<li><a href="javascript:void(0);">法式</a></li>
					<li><a href="javascript:void(0);">北欧</a></li>
					<li><a href="javascript:void(0);">美式乡村</a></li>
					<li><a href="javascript:void(0);">简欧</a></li>
				</ul>
				<div class="list_product clearfix">
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
					<div class="item">
						<div class="img"><a href="#"><img src="img/about-ms1.jpg" alt="" ></a></div>
						<div class="text"><a href="#"><span>电竞房</span></a><span>￥450/晚</span></div>
					</div>
				</div>
			</div>
			<div class="pagination">
				<ul class="list_page">
					<li class="li"><a href="#">上一页</a></li>
					<li class="li active"><a href="#">1</a></li>
					<li class="li"><a href="#">2</a></li>
					<li class="li"><a href="#">3</a></li>
					<li class="li"><a href="#">...</a></li>
					<li class="li"><a href="#">11</a></li>
					<li class="li"><a href="#">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			
		})
	</script>
</body>
</html>
